﻿<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
    <b:include data='blog' name='all-head-content'/>
    <title>
      <b:if cond='data:blog.homepageUrl == data:blog.url'>
        <data:blog.title/>
        <b:else/>
        <data:blog.pageName/>
        | 
        <data:blog.title/>
      </b:if>
    </title>
    <meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
    <meta expr:content='data:blog.metaDescription' name='description'/>
    <meta content='Faceblog, Download Template Faceblog Free' name='keywords'/>
    <meta content='1 days' name='revisit-after'/>
    <meta content='document' name='resource-type'/>
    <meta content='all' name='audience'/>
    <meta content='general' name='rating'/>
    <meta content='index, follow' name='robots'/>
    <meta content='Santa Mars' name='author'/>
    <meta content='blogger' name='generator'/>
    <meta content='index, follow' name='googlebot'/>
    <meta content='index, follow' name='Googlebot-Image'/>
    <meta content='index, follow' name='alexabot'/>
    <meta content='true' name='MSSmartTagsPreventParsing'/>
    <link href='https://plus.google.com/109243396730475169552' rel='author'/>
    <link href='https://plus.google.com/109243396730475169552' rel='publisher'/>
    <link href='http://1.bp.blogspot.com/-R64MJoFUKVE/UT87WH1p8rI/AAAAAAAACQ8/ahIJ3WpJXAs/s16/blogger-revolution-santa.png' rel='icon' type='image/x-icon'/>
    <b:skin><![CDATA[
      
/*
/*CSS-Reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var, center, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
#navbar-iframe, .icon-action, .quickedit {height:0px;visibility:hidden;display:none}
/*font*/
@font-face {font-family: 'Coda';font-style: normal;font-weight: 400;src: local('Coda'), local('Coda-Regular'), url(http://themes.googleusercontent.com/static/fonts/coda/v7/A7A0IS2-4Ga-ZdxhMlAPjg.woff) format('woff');}
/*Main CSS Begin*/
body {background: #e9eaed;color:#333;font:12px 'lucida grande',tahoma,verdana,arial,sans-serif;text-align:center;}
a:link, a:visited {color: #222;text-decoration:none;}
a:hover {color: #222;text-decoration:none;}
#header-inner {background-position:center center;margin-left:auto;margin-right:auto;}
#header {float:left}
#header h1,#header a {line-height:38px;width:38px;height:38px;overflow:hidden;background:url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/yl/r/dYvyEWKb4jJ.png)no-repeat;background-position:-2px -686px;text-indent:-999px;}
#header a:hover {color:rgb(45, 166, 223);}
#header .description {display:none}
#header img {margin-left:auto;margin-right:auto;}
#outer-wrapper {margin:50px auto 25px;text-align:justify;width:980px;}
#main-wrapper {overflow:hidden;width:600px;word-wrap:break-word;margin-left:56px;float:left;}
.post {margin:0 0 10px 70px;padding:5px;min-height:70px;box-shadow:0px 0px 3px #d7d8d9;border:1px solid #d7d8d9;background:#fafbfb;border-radius:4px;}
.post:hover .post-thumbnail {-webkit-transition: all 0.2s linear 0s;-moz-transition: all 0.2s linear 0s;-o-transition: all 0.2s linear 0s;transition: all 0.2s linear 0s;border: 1px solid rgb(66, 128, 238);}
.breadcrumbs {border-bottom: 1px solid rgb(20, 20, 20);padding: 5px 0px;margin-left: 5px;margin-right: 8px;font-size: 95%;line-height: 1.4em;display: block;box-shadow: 0px 1px 0px rgb(51, 51, 51);}
.breadcrumbs a, .breadcrumbs a:hover, .breadcrumbs a:visited{color: rgb(230, 230, 230);text-decoration:none;}
.post h1, .post h2 {font-family: 'Helvetica Neue', Helvetica, Arial, 'lucida grande',tahoma,verdana,arial,sans-serif;font-size:14px;font-weight:bold;line-height:30px;color:#141823;}
.post h1 a, .post h1 a:visited, .post h1 strong,  .post h2 a, .post h2 a:visited, .post h2 strong {font-family: 'Helvetica Neue', Helvetica, Arial, 'lucida grande',tahoma,verdana,arial,sans-serif;font-size:14px;display:block;font-weight: bold;text-decoration:none;color:#141823;}
.post h1 strong, .post h1 a:hover, .post h2 strong, .post h2 a:hover {text-decoration:none;}
.post h3 {margin: 0.6em 0px;padding: 0px;font-size: 12px;font-weight: bold;text-transform: uppercase;color: #333;border-bottom: 1px solid #e9eaed;box-shadow: 0px 1px 0px #e9eaed;text-shadow:1px 1px white;clear:both;}
.post-body {font-size:13px;color: #444;font-weight:400;line-height:1.4em;margin:0px 0 0.75em;}
.post-body blockquote {line-height:1.3em;}
.post ul {list-style: none outside none;margin: 10px 0px;clear:both}
.post ul li {margin-left: 25px;position: relative;list-style-type: none;}
.post ul li:before {content:"\203A";padding-right:8px;color:rgb(15, 48, 155);font-size:14px;font-weight:bold;text-shadow:0px 1px 1px rgba(0, 0, 0, 0.2);}
.post ol {list-style:decimal;margin: 10px 0px;}
.post ol li {margin-left: 40px;position: relative;list-style-type: decimal;}
.post-footer {color: rgb(160, 160, 160);font-style: normal;letter-spacing: 0px;padding: 0px 0px 0px 5px;margin: 0px 0px 10px;text-transform: none;}
.comment-link {margin-left:0em;}
.post blockquote {font-style:italic;margin:1em 20px;padding-left:10px;border-left: 1px solid rgb(20, 20, 20);box-shadow: -1px 0px 0px rgb(51, 51, 51);}
.post blockquote p {margin:1px;}
.code{font-size:12px;font-family: "Courier New",Courier,monospace;color: red;background: #1f1f1f;background: -moz-linear-gradient(top, #1f1f1f 0%, #292929 50%, #222222 51%, #1f1f1f 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f1f1f), color-stop(50%,#292929), color-stop(51%,#222222), color-stop(100%,#1f1f1f));background: -webkit-linear-gradient(top, #1f1f1f 0%,#292929 50%,#222222 51%,#1f1f1f 100%);background: -o-linear-gradient(top, #1f1f1f 0%,#292929 50%,#222222 51%,#1f1f1f 100%);background: -ms-linear-gradient(top, #1f1f1f 0%,#292929 50%,#222222 51%,#1f1f1f 100%);background: linear-gradient(to bottom, #1f1f1f 0%,#292929 50%,#222222 51%,#1f1f1f 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f1f', endColorstr='#1f1f1f',GradientType=0 );padding: 2px 3px;text-shadow: 1px 1px rgb(0, 0, 0);border: 1px solid rgb(45, 45, 45);box-shadow: 0px 0px 2px black inset;}
.warning{background: url("http://3.bp.blogspot.com/-bHPxUihao9w/UFsnf_ZMJaI/AAAAAAAABhQ/h4G7LAiHuio/s1600/alert.png") no-repeat scroll center left transparent;margin: 10px 5px !important;padding: 10px 10px 10px 35px !important;min-height: 25px;font-style:italic;text-shadow:1px 1px rgb(0, 0, 0)}
pre {background: #e9eaed;font:normal 12px/14px Monaco,Monospace;color:#222;padding:10px 15px;margin:10px 0px 10px;position:relative;max-height:500px;width:96%;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;overflow:auto;border:1px solid #444;border-left:3px solid rgb(15, 47, 216);}
pre[rel] {padding-top:32px;}
pre[rel]:before {content:attr(rel);font:bold 12px/22px Arial,Sans-Serif;color:rgb(230, 230, 230);background-color:rgb(51, 51, 51);padding:0px 10px;position:absolute;top:0px;right:0px;left:0px;width:96.8%;text-transform:uppercase;text-shadow:1px 1px rgb(0, 0, 0);}
/*Download Button*/
#download_area {width:97%; margin:0px auto;text-align: center}
#download_area a, #download_area a:hover, #download_area a:visited{color:rgb(230, 230, 230); text-decoration:none; border-bottom:none;}
#download_area p {font-style:italic;font-size:12px;}
.tombol, .tombol-download{color: white!important;display: inline-block;white-space: nowrap;background-color: rgb(21, 67, 126);background-image: none;border-width: 1px;border-style: solid;border-right: 1px solid rgba(255, 255, 255, 0.03);border-left: 1px solid rgba(255, 255, 255, 0.03);border-image: none;border-color: rgba(255, 255, 255, 0.04) rgba(255, 255, 255, 0.03) rgb(34, 34, 34);padding: 0 1.5em;margin: 0.5em;font: 1em/2em 'Coda', Cursive;text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4);-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7);-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7);box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7);text-transform:uppercase;-webkit-transition: all 0.1s linear 0s;-moz-transition: all 0.1s linear 0s;-o-transition: all 0.1s linear 0s;transition: all 0.1s linear 0s;}
.tombol:hover, .tombol-download:hover{background-color: rgb(45, 45, 45);-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7);-webkit-box-shadow: 0px px 4px rgba(0, 0, 0, 0.7);box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7);}
.tombol:active, .tombol-download:active{-moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;position: relative;top: 1px;}
.tombol:focus, .tombol-download:focus{outline: 0;background-color: rgba(255, 0, 0, 0.5);}    
.tombol:before, .tombol-download:before{background: #000;background: rgba(0,0,0,.1);float: left;width: 1em;text-align: center;font-size: 1.5em;margin: 0 1em 0 -1em;padding: 0 .2em;-moz-box-shadow:1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,0.03);-webkit-box-shadow:1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,0.03);box-shadow:1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,0.03);-moz-border-radius:.15em 0 0 .15em;-webkit-border-radius:.15em 0 0 .15em;border-radius:.15em 0 0 .15em;pointer-events: none;content: "\279C";color:rgb(45, 166, 223);}
/*postsnippet*/
.post-thumbnail{background:url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/yb/r/GsNJNwuI-UM.gif) no-repeat center rgba(240,240,240,0.8);width:58px;height:58px;float:left;border-radius:4px;margin-left:-80px;position:absolute;border:1px solid transparent;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;}
.post-snippet{font-size:11px;}
.post-snippet:before{content:attr(data-snippet);}
.newsfea{margin:0px;padding:7px 10px;font:13px Oswald;color:#193250;border-bottom:1px solid #c3c3c3;text-transform:uppercase;text-shadow:1px 1px 1px #ccc}
.readmorecontent{text-align:right;width:140px;float:right;margin-top:10px;display:none}
.readmorecontent a{color:rgb(16, 16, 16);text-decoration:none;font-size:13px;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;}
.readmorecontent a:hover{color:rgb(217, 30, 118); text-decoration:none;}
.infopost {color: rgb(153, 153, 153);font-size: 10px;display:none;}
/*Blog Pager*/
#blog-pager {clear: both;display: block;text-align: center;margin: 0px;height: 30px;font-size:12px;}
#blog-pager-newer-link, #blog-pager-older-link {background: none repeat scroll 0% 0% rgb(6, 71, 131);border: 1px solid rgb(7, 56, 119);padding: 0px 5px;box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.7);-webkit-transition: all .05s linear;-moz-transition: all .05s linear;-o-transition: all .05s linear;transition: all .05s linear;}
#blog-pager-newer-link:hover, #blog-pager-older-link:hover {box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.7);background: none repeat scroll 0% 0% rgb(6, 71, 131);border: 1px solid rgb(7, 56, 119);}
#blog-pager-newer-link {margin: 5px 0px 0px 6px;float: left;}
#blog-pager-older-link {margin: 5px 6px 0px 0px;float: right;}
#blog-pager-newer-link a, #blog-pager-newer-link a:hover, #blog-pager-newer-link a:visited {color: rgb(230, 230, 230);text-decoration:none;}
#blog-pager-older-link a, #blog-pager-older-link a:hover, #blog-pager-older-link a:visited {color: rgb(230, 230, 230);text-decoration:none;}
.home-link{display:none}
.feed-links {clear:both;line-height:2.5em;}
/*Menu Wrapper*/
#menu-wrapper {position:fixed;top:0;z-index:999;width:100%;height:38px;background:-webkit-linear-gradient(top, rgb(91, 118, 167) 0%, rgb(63, 91, 141) 25%, rgb(51, 82, 139) 50%, rgb(46, 79, 136) 75%, rgb(44, 71, 117) 100%);background:-moz-linear-gradient(top, rgb(91, 118, 167) 0%, rgb(63, 91, 141) 25%, rgb(51, 82, 139) 50%, rgb(46, 79, 136) 75%, rgb(44, 71, 117) 100%);background:-o-linear-gradient(top, rgb(91, 118, 167) 0%, rgb(63, 91, 141) 25%, rgb(51, 82, 139) 50%, rgb(46, 79, 136) 75%, rgb(44, 71, 117) 100%);background:linear-gradient(top, rgb(91, 118, 167) 0%, rgb(63, 91, 141) 25%, rgb(51, 82, 139) 50%, rgb(46, 79, 136) 75%, rgb(44, 71, 117) 100%);border-bottom: 1px solid rgb(51, 51, 51);border-top: 1px solid rgb(51, 51, 51);box-shadow: 0px 1px rgb(0, 0, 0), 0px 2px 1px rgba(0, 0, 0, 0.4);margin:0px auto;padding:0px;}
#menu-wrapper2 {display:none;position:fixed;bottom:32px;z-index:999;width:100%;height:30px;background:rgb(22, 83, 117);border-bottom: 1px solid rgb(24, 111, 133);border-top: 1px solid rgb(24, 111, 133);box-shadow: 0px 1px rgb(0, 0, 0), 0px 2px 1px rgba(0, 0, 0, 0.4);margin:0px auto;padding:0px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;}
#menu,#menu2 {width: 915px;height:38px;font-family: 'Helvetica Neue', Helvetica, Arial, 'lucida grande',tahoma,verdana,arial,sans-serif;font-size:12px;letter-spacing: 1px;margin:0px auto;padding-left:55px;animation:menubar .8s;-moz-animation:menubar .8s; -webkit-animation:menubar .8s;line-height:22px;}
.menu-dalam-ul{height:22px;padding: 0;margin: 10px 0;list-style: none;float:right}
.menu-dalam-li{float: left;position: relative;padding:0 5px;margin: 0;height:22px;}
.menu-dalam-li:last-child,{float: left;position: relative;margin: 0;}
.menu-dalam-li-a, .menu-dalam-li-a:visited{display: block;text-decoration: none;text-align: center;overflow: hidden;color: rgb(207, 204, 204);-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;}
.menu-dalam-li-a:hover{color:#fff;text-shadow:0pt 0pt 2px rgb(255, 255, 255);}
@keyframes menubar{0%   {margin: -30px auto 0px auto} 100%   {margin: 0px auto}}
@-moz-keyframes menubar{0%   {margin: -30px auto 0px auto} 100%   {margin: 0px auto}}
@-webkit-keyframes menubar{0%   {margin: -30px auto 0px auto} 100%   {margin: 0px auto}}
/*SearchBox*/
form#search{margin-top:-5px;padding:0px;line-height:22px;border:1px solid rgb(17, 47, 85);background:rgb(31, 70, 121);border-radius:4px;}
#ganteng #search input[type=text]{background:transparent;border:none;font:12px 'Segoe UI',Calibri,'Myriad Pro',Myriad,'Trebuchet MS',Helvetica,Arial,sans-serif;color:rgb(220,220,220);width:330px;text-shadow:0 2px 2px rgba(0,0,0,0.3);-webkit-transition:all .2s ease 0;-moz-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;transition:all .2s ease 0s;padding:0px 10px;margin:0px;line-height:20px;}
#ganteng #search input[type=text]:focus{width:330px;margin:0px;border:none;color:#d7d7d7;}
.search-submit{background:url(http://4.bp.blogspot.com/-vbF_3Gfg0yk/UD-6aYqXqxI/AAAAAAAABfc/LgGgjkQ_T5Y/s1600/search-white.png) no-repeat scroll 50% 50% transparent;width:15px;color:transparent;border:none;margin:0px 3px;cursor:pointer}
/* CSS Komentar */
.custom-comments{font-size:12px;clear: both;padding: 20px 30px 30px;margin: 10px 0px;background: #fafbfb;border: 1px solid #d7d8d9;box-shadow: 0px 0px 3px #d7d8d9 inset;color: #222;overflow:hidden;}
#comments .avatar-comment-indent .comment-author{background-color:darkred; color:#CCA; padding:2px 0 2px 45px; -moz-border-radius:5px; border-radius:5px; text-align:left}
#comments .avatar-comment-indent .blog-author{background-color:#5E8D6E}
#comments .avatar-comment-indent .comment-author a{color:#eee}
#comments .avatar-comment-indent .comment-author a:visited{color:#ccc}
#comments .avatar-comment-indent .comment-author a:hover{color:#ffa}
#comments .avatar-image-container img{margin:-2px 0 0 -2px; border:0}
.comments p.comment-footer a{font-size:12px}
.comment-footer{text-align:right; font-size:10px;border-bottom:1px dashed gray;}
.comment-footer a{color:#8A8A8A}
.comment-form{max-width:600px;}
.comment-body{text-align:left; max-height:300px; overflow-y:auto; word-wrap:break-word;background:rgb(245, 242, 242);border:1px solid rgb(169, 172, 179);padding:5px 10px 7px;}
.custom-comments h4{display:block;padding:5px;line-height:30px;margin-bottom:20px;}
.custom-comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}
.custom-comments h4{background:rgba(119, 124, 126, 0.2); text-align:center;}
.custom-comments h4,.comments .user a{font-size:14px}
.custom-comments h4{font-weight:normal;color:#222}
.custom-comments h4:after{content:"";position:absolute;bottom:-10px;left:20px;width: 0px;height: 0px;border-style: solid;
border-width: 10px 7.5px 0 7.5px;border-color: rgba(119, 124, 126, 0.2) transparent transparent transparent;line-height:0}
#custom-comment-form h4{display:none}
.comment-permalink.pull-right{color:gray}
.clearfix:after {content:"";display:table;clear:both;}
.clearfix {*zoom:1}
.pull-left {display:block;float:left;}
.pull-right {display:block;float:right;}
/* links */
.custom-comments a,
.custom-comments a:visited {color:#222;text-decoration:none;}
.custom-comments a:hover {text-decoration:underline}
/* comment item */
.custom-comments .comment-item {margin:0 0 1em;padding:5px 10px;border:1px solid rgb(164, 165, 168);background-color:#e9eaed;box-shadow:0 1px 2px rgb(85, 90, 104);-webkit-box-shadow:0 1px 2px rgb(85, 90, 104);-moz-box-shadow:0 1px 2px rgb(85, 90, 104);-o-box-shadow:0 1px 2px black;position:relative;}
/* comment header */
.custom-comments .comment-header {overflow:hidden;margin:0 0 1em 0;}
/* avatar area */
.custom-comments .avatar-box {height:65px;width:65px;background:url(http://3.bp.blogspot.com/-MzMilqmiIbQ/UUPfgxyHP5I/AAAAAAAACRc/w-HMiiF_LuY/s65/faceblogSM-nogambar.jpg) no-repeat;}
/* avatar */
.custom-comments .avatar-image-container,.custom-comments .avatar-image-container a,.custom-comments .avatar-image-container img {border:none;padding:0 0;margin:0 0;float:none;display:block;width:55px;height:55px;max-width:none;max-height:none;}
.custom-comments .avatar-image-container img {border:1px solid #ddd;padding:4px;}
/* comment body */
.custom-comments .comment-body {margin:0 0 2em 75px}
/* comment reply */
.custom-comments .comment-reply {position:relative;margin:40px 0px 1em 40px;padding:5px 10px;border:1px solid 1px solid rgb(164, 165, 168);background-color:#e9eaed;box-shadow:0 1px 2px rgb(85, 90, 104);-webkit-box-shadow:0 1px 2px rgb(85, 90, 104);-moz-box-shadow:0 1px 2px rgb(85, 90, 104);-o-box-shadow:0 1px 2px rgb(85, 90, 104);}
.custom-comments .comment-reply:after {content:"";display:block;width:0;height:0;position:absolute;top:0;left:0;border:10px solid transparent;border-color:rgb(28, 120, 192) transparent transparent rgb(28, 120, 192);}
.custom-comments .comment-reply .user {margin-left:15px}
/* comment item footer */
.custom-comments .comment-bottom-line {display:block;clear:both;margin:1em 0 .5em 75px;text-align:right;}
/* comment buttons */
.custom-comments .comment-bottom-line a,.custom-comments .cancel-reply-btn {border:1px solid rgb(168, 174, 177);outline:none;padding:2px .7em 3px .5em;margin:0 0 0 4px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;text-decoration:none;color:#222;}
.custom-comments .comment-reply .comment-bottom-line a,
.custom-comments .cancel-reply-btn {border-color:rgb(170, 169, 164)}
.custom-comments .comment-bottom-line a:before {content:attr(data-icon) " "}
.custom-comments .comment-bottom-line .reply-btn:before {color:#3DB537}
.custom-comments .comment-bottom-line .delete-btn:before {color:#B42A21}
.custom-comments .comment-bottom-line a:hover,
.custom-comments .cancel-reply-btn:hover {border-color:#555;text-decoration:none;}
.custom-comments .comment-bottom-line a:active,
.custom-comments .comment-bottom-line a:focus,
.custom-comments .cancel-reply-btn:active,
.custom-comments .cancel-reply-btn:focus {border-color:#999}
.custom-comments .cancel-reply-btn {padding:3px 1em 4px}
/* comment form */
.custom-comments .custom-comment-form {clear:both;}
.custom-comments .comment-item .custom-comment-form {background-color:#e9eaed;border: 1px solid #d7d8d9;box-shadow: 0px 0px 3px #d7d8d9 inset;padding:1em .2em 2em 1.5em;margin-left:75px;}
.custom-comments #comment-editor {max-width:none;width:100%;height:250px;border:none;background:none;}
.custom-comments .custom-comment-form .cancel-reply-btn {display:none}
.custom-comments .comment-item .custom-comment-form .cancel-reply-btn {display:inline}
.custom-comments .comment-item .custom-comment-form h4 {display:none}
/* loading animation */
.custom-comments .custom-comment-editor-wrapper {background:transparent url('data:image/gif;base64,R0lGODlhEgAEAKEAAH9/fwAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJDwACACwAAAAAEgAEAAACB5SPqcvtrwoAIfkECQ8AAgAsAAAAAAQABAAAAgSEjwkFACH5BAkPAAIALAAAAAALAAQAAAIMjCMJC4fKXBKsnVkLACH5BAkPAAIALAAAAAASAAQAAAIRjCN5mOCwkojt0Xnkg1l1sRUAIfkECQ8AAgAsAAAAABIABAAAAhGEIRkbKRwOUsxBaStdeDdfAAAh+QQJDwACACwHAAAACwAEAAACDIQhGRuHylwSrJ1ZCwAh+QQFDwACACwOAAAABAAEAAACBISPCQUAOw==') no-repeat 50% 50%}
/* deleted comment */
.custom-comments .deleted-comment {font-style:italic;color:#aaa;}
/* comments paging control */
.custom-comments .paging-control-container{font-size:100%;display:block;float:none;width:auto;clear:both;border:1px solid #eee;padding:.5em 1em;overflow:hidden;}
/* Author Comments Style: Do whatever you want with this! */
.author-comment > .comment-item {}
.author-comment > .comment-reply {}
/*Sidebar Wrapper*/
#sidebar1coy{float: left; width: 300px;}
#sidebar-dalam{position:relative;position:fixed;padding:0 5px;width: 300px;}
#sidebar-dalam h2{font-weight:bold;line-height:36px;margin: 1px 0px;padding: 1px 0px 1px 25px;text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);list-style: none outside none;-webkit-transition: all 0.26s ease-out 0s;-moz-transition: all 0.26s ease-out 0s;-o-transition: all 0.26s ease-out 0s;transition: all 0.26s ease-out 0s;background: url(https://fbexternal-a.akamaihd.net/safe_image.php?d=AQChvEdIL2-akkWO&url=https%3A%2F%2Ffbstatic-a.akamaihd.net%2Frsrc.php%2Fv2%2FyE%2Fr%2F-adN0sr35A6.png) no-repeat scroll left center transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#sidebar-dalam a{color:#6a7180;line-height:36px;}
#Label1 li span {float:right;line-height:16px;margin:10px 16px 8px 0;background:#d3d7dc;color:#fff;text-shadow:0 1px 1px rgba(0, 0, 0, .2);font-weight:bold;font-size:11px;border-radius:16px;padding:1px 6px 0;box-shadow:inset 0 1px 1px rgba(0, 0, 0, .1), 0 1px 1px #fff;}
#sidebar-dalam li {margin: 1px 0px;padding: 1px 0px 1px 13px;border-top: 1px solid #f0f1f5;text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);list-style: none outside none;-webkit-transition: all 0.26s ease-out 0s;-moz-transition: all 0.26s ease-out 0s;-o-transition: all 0.26s ease-out 0s;transition: all 0.26s ease-out 0s;background: url("http://4.bp.blogspot.com/-sryqGRfP64w/TzGXmjiQyiI/AAAAAAAAHOg/RS0RiOjrk_Y/s1600/icon-li-bottom.gif") no-repeat scroll left center transparent;overflow:hidden;text-overflow:ellipsis;}
#sidebar-dalam li:hover{padding: 1px 0px 1px 18px;background: url("http://4.bp.blogspot.com/-sryqGRfP64w/TzGXmjiQyiI/AAAAAAAAHOg/RS0RiOjrk_Y/s1600/icon-li-bottom.gif") no-repeat scroll left center rgba(202, 217, 224, 0.5);}
#sidebar-dalam .widget{background: #fafbfb; margin: 0 5px; border: 1px solid #d7d8d9; border-radius: 4px; padding:0 8px;margin:0 0 10px 0;max-height:500px;overflow-y:auto;}
#sidebar-dalam .widget-content .item-thumbnail img {width:35px;height:35px;}
#sidebar-dalam .widget-content .item-snippet{font-size: 11px;margin-top: -10px;}
#credit-wrapper{margin: 0 10px;color:#898f9c;font-size:11px;text-shadow:0 1px #fff;}
#credit-wrapper a:link, #credit-wrapper a:visited {line-height:normal;color: #898f9c;text-decoration:none;}
#credit-wrapper a:hover {color: #898f9c;text-decoration:underline;}
/* Loading Tricks */
#loadhalaman {position:fixed;opacity:0.93;top:0;left:0;background-color:#000;z-index:9999;text-align:center;width:100%;height:100%;padding-top:30%;color:#000;display:none;}
.loadball {background-color: transparent;border:5px solid rgb(66, 128, 198);border-right:5px solid transparent;border-left:5px solid transparent;border-radius:50px;box-shadow: 0 0 35px rgb(66, 128, 238);width:50px;height:50px;margin:0 auto;-moz-animation:spinPulse 1s infinite ease-in-out;-webkit-animation:spinPulse 1s infinite linear;}
.loadball-2 {background-color: transparent;border:5px solid rgb(66, 128, 198);border-left:5px solid transparent;border-right:5px solid transparent;border-radius:50px;box-shadow: 0 0 15px rgb(66, 128, 238);width:30px;height:30px;margin:0 auto;position:relative;top:-50px;-moz-animation:spinoffPulse 1s infinite linear;-webkit-animation:spinoffPulse 1s infinite linear;}
@-moz-keyframes spinPulse {0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px rgb(66, 128, 238)}50% { -moz-transform:rotate(145deg); opacity:1; }100% { -moz-transform:rotate(-320deg); opacity:0; }}
@-moz-keyframes spinoffPulse {0% { -moz-transform:rotate(0deg); } 100% { -moz-transform:rotate(360deg);  }}
@-webkit-keyframes spinPulse {0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px rgb(66, 128, 238)} 50% { -webkit-transform:rotate(145deg); opacity:1;} 100% { -webkit-transform:rotate(-320deg); opacity:0; }}
@-webkit-keyframes spinoffPulse {0% { -webkit-transform:rotate(0deg); }	100% { -webkit-transform:rotate(360deg); }}
/*NoScript*/
#enjs {z-index: 999;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;margin:0;padding:0;}
#enjs p {margin:0;padding:0;width:100%;color:#333;position:relative;top:40%;font:bold 18px/20px arial;text-align:center;text-shadow:none;}
.blog-feeds,.post-feeds{display:none}
/*--  START PANEL SLIDE START--*/
#navigation{margin:0;background:rgb(60, 100, 160);border:1px solid rgb(20, 50, 95);text-align:center;padding:2px;font-family:Broadway;font-size:16px;font-weight:bold;color:white;}
#navigation a{cursor:default;text-shadow:0 1px #233656,1px 0 #233656,-1px 0 #233656,0 -1px #233656;background:rgba(80,80,80,0.4);text-decoration:none;color:#BCCFEF;display:inline-block;padding:2px 15px;position:absolute;right:10px;font:normal normal 14px/12px Verdana,Arial,Sans-Serif;border:1px solid gray;  -webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255,.2);-moz-box-shadow:inset 1px 1px 0 rgba(255,255,255,.2);box-shadow:inset 1px 1px 0 rgba(255,255,255,.2); -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;  -webkit-transition:all .40s ease-out;-moz-transition:all .40s ease-out;-ms-transition:all .40s ease-out;-o-transition:all .40s ease-out;transition:all .40s ease-out;}
#navigation a:hover{background-color:#DA4D4B; -webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255,.4);-moz-box-shadow:inset 1px 1px 0 rgba(255,255,255,.4);box-shadow:inset 1px 1px 0 rgba(255,255,255,.4);}
.sledsanta{left:0;top:0;opacity:0;width:100%;height:100%;background:rgba(226, 234, 240, 0.6);position:fixed;display:none;z-index:1111;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out}
.sledsanta:target{opacity:1;display:block;animation: myfirst 3s;-moz-animation: myfirst 3s;-webkit-animation: myfirst 3s;-o-animation: myfirst 3s;}
@keyframes myfirst{ from{opacity:0;}to{opacity:1;}}
@-moz-keyframes myfirst{ from{opacity:0;}to{opacity:1;} }
@-webkit-keyframes myfirst{ from{opacity:0;}to{opacity:1;} }
.santa-mars{position:relative;top:20%;background:rgb(15, 28, 56);padding-bottom:30px;margin:0 auto;width:500px;min-width:500px;border:1px solid rgb(20, 50, 95);color:rgb(235, 226, 226);}
.START:hover{-moz-box-shadow:0px 2px 8px 0px black;-webkit-box-shadow:0px 2px 8px 0px black;box-shadow:0px 2px 8px 0px black;opacity:0.7;}
#open-menu2.active {background-color:rgb(22, 83, 117);padding:0px 5px;}
/* 'Top' Link */
#gotop {display:block;cursor:pointer;position:fixed !important;position:absolute;bottom:-40px;right:-40px;z-index:999;background-color:#067BAF;background-image:-webkit-radial-gradient(top,#2493C4,#086A95);background-image:-moz-radial-gradient(top,#2493C4,#086A95);background-image:-ms-radial-gradient(top,#2493C4,#086A95);background-image:-o-radial-gradient(top,#2493C4,#086A95);background-image:radial-gradient(top,#2493C4,#086A95);-webkit-border-radius:10px 0 0 0;-moz-border-radius:10px 0 0 0;border-radius:10px 0 0 0;border:1px solid #144F69;width:30px;height:30px;overflow:hidden;text-indent:-9999px;-webkit-box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black; -moz-box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black;box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black;}
#gotop:after {content:"";display:block;width:0;height:0; border-width:10px 4px;border-style:solid;border-color:transparent transparent #C3D1D7 transparent;position:absolute;top:0;left:11px;}
#gotop:focus {outline:none}
#gotop:hover:after {border-bottom-color:white}
#gotop:active {background-image:-webkit-linear-gradient(top,#144F69,#2493C4);background-image:-moz-linear-gradient(top,#144F69,#2493C4);background-image:-ms-linear-gradient(top,#144F69,#2493C4); background-image:-o-linear-gradient(top,#144F69,#2493C4);background-image:linear-gradient(top,#144F69,#2493C4);}
@keyframes footer-border{0%   {border-color: rgba(18, 122, 163, 0.1);}50% {border-color: rgba(18, 122, 163, 0.5);}100%   {border-color: rgba(18, 122, 163, 0.9);}}
@-moz-keyframes footer-border{0%   {border-color: rgba(18, 122, 163, 0.1);}50% {border-color: rgba(18, 122, 163, 0.5);}100%   {border-color: rgba(18, 122, 163, 0.9);}}
@-webkit-keyframes footer-border{0%   {border-color: rgba(18, 122, 163, 0.1);}50% {border-color: rgba(18, 122, 163, 0.5);}100%   {border-color: rgba(18, 122, 163, 0.9);}}
/* Feed Post Comment*/
#feedSM-dlm,#commentSM-dlm,#adderSM-dlm{min-height:30px;width:300px;z-index:998;display: none;height:auto;position: absolute; top: 38px;right:0;margin-left:-13px;background: rgba(250, 250, 250, 0.9) url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/yb/r/GsNJNwuI-UM.gif) no-repeat 50% 50%;padding: 3px; line-height: 0;border:1px solid rgba(100, 100, 100, .4);box-shadow: 0 3px 8px rgba(0, 0, 0, .25);-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
#downSM-dlm{min-height:30px;width:190px;z-index:998;display: none;height:auto;position: absolute; top: 24px;right:-3px;margin-left:-13px;background: #fff;padding: 3px; line-height: 0;border:1px solid rgba(100, 100, 100, .4);box-shadow: 0 3px 8px rgba(0, 0, 0, .25);-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
#downSM-dlm:before {content:"";width:0px;height:10px;border:12px solid transparent;border-color:rgba(250, 250, 250, 0.9);position:absolute;top:-26px;right:0px;margin: -2px 0;}
#feedSM-dlm:before,#commentSM-dlm:before,#adderSM-dlm:before {content:"";width:0px;height:0px;border:12px solid transparent;border-bottom-color:rgba(250, 250, 250, 0.9);position:absolute;top:-24px;right:5px;}
#feedSM,#commentSM,#adderSM{cursor:pointer;position:relative;z-index:999;width:27px;height:27px;background-image:url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/yl/r/dYvyEWKb4jJ.png);background-repeat:no-repeat;margin-top:-5px;}
#feedSM{background-position:-2px -871px}
#feedSM:hover{background-position:-2px -906px}
#commentSM{background-position:-1px -801px}
#commentSM:hover{background-position:-1px -836px}
#adderSM{background-position:-2px -731px}
#adderSM:hover{background-position:-2px -766px}
#downSM{cursor:pointer;background:url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/yi/r/9Frch-6nqqO.png)no-repeat;height:17px !important;width:11px;margin:8px 0 0 2px;position: relative;z-index: 999;}
#ke-rumahSM{margin:0 10px;}
#ke-rumahSM:after{content:"";width:1px;height:17px;background:rgb(54, 68, 104);position:absolute;top:2px;left:4px;}
#ke-rumahSM:before{content:"";width:1px;height:17px;background:rgb(54, 68, 104);position:absolute;top:2px;right:4px;}
.SM_downMenu li{display: block;line-height: 22px;text-align: left;padding: 0 15px;border-top:1px solid transparent;border-bottom:1px solid transparent;}
.SM_downMenu li a{display: block;line-height: 22px;text-align: left;}
.SM_downMenu{padding: 5px;border-bottom: 1px solid rgb(213, 203, 203);}
.SM_downMenu li:hover{color:white;background:rgb(116, 142, 190);border-top:1px solid rgb(61, 97, 165);border-bottom:1px solid rgb(61, 97, 165);}
.SM_downMenu li a:hover{color: white;}
#SM_recent-post, .tb_recent_comments, .SM_adderBlog{margin:0 0;padding:0 0;font:normal 11px Arial,Sans-Serif;color:#999;margin:0 auto;width:300px;text-align:left;}
#SM_recent-post li, .tb_recent_comments li{list-style:none;margin:0 0;padding:7px 7px;background-color:rgba(250, 250, 250, 0.98);border-bottom:1px solid rgba(100, 100, 100, .4);}
.SM_adderBlog li{height:30px;list-style:none;margin:0 0;padding:7px 7px;background-color:rgba(250, 250, 250, 0.98);border-top:1px solid rgba(100, 100, 100, .4);border-bottom:1px solid rgba(100, 100, 100, .4);}
#SM_recent-post li:hover, .tb_recent_comments li:hover,  .SM_adderBlog li:hover{background:rgba(240, 240, 240, 0.98)}
#SM_recent-post li a img, .tb_recent_comments li img,  .SM_adderBlog li img{float:left;margin:0 10px 0 0;padding:0 0;border:none;background:transparent;outline:none;}
#SM_recent-post li a.title, .tb_recent_comments li a{display:block;font-size:12px;text-decoration:none;color:#3b5998;font-weight:bold;font-size:11px;}
#nama_blogSM{font-size:12px;text-decoration:none;color:#3b5998;font-weight:bold;font-size:11px;}
#SM_recent-post li a.title:hover, .tb_recent_comments li a:hover,  #nama_blogSM:hover{text-decoration:underline;}
#SM_recent-post li span, .tb_recent_comments li span{clear:both;color:gray;margin-top:7px;font-size:10px;}
#follow_SM{clear:both;background: url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/yn/r/EqsQ4YHnlQL.png)no-repeat scroll 10% 50% #f5f5f5;border: 1px solid #d8d8d8;border-color: #d8d8d8 #d3d3d3 #cfcfcf;-webkit-border-radius: 2px;-moz-border-radius: 2px;-o-border-radius: 2px;-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .04);-o-box-shadow: 0 1px 1px rgba(0, 0, 0, .04);-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .04);color: gray;text-shadow: 0 1px 1px #fff;padding:3px 3px 3px 30px;cursor:pointer;margin:3px}
#HTML99 h2.title, .date-header, #HTML77 h2.title{display:none}
#fixedcoy-dalam{width:56px;height:100%;position:fixed;z-index:1000;top:0;left:0;float:left;background:#222;overflow:hidden;white-space:nowrap;-webkit-transition:all 1.20s ease-out;-moz-transition:all 1.20s ease-out;-ms-transition:all 1.20s ease-out;-o-transition:all 1.20s ease-out;transition:all 1.20s ease-out;}
#chatboxSM{display:none;opacity:0;position:absolute;bottom:0;-webkit-transition:all 1.20s ease-out;-moz-transition:all 1.20s ease-out;-ms-transition:all 1.20s ease-out;-o-transition:all 1.20s ease-out;transition:all 1.20s ease-out;}
#fixedcoy-dalam:hover{width:205px;}
#fixedcoy-dalam:hover #chatboxSM{opacity:1;display:block;animation: myfirst 5s;-moz-animation: myfirst 5s;-webkit-animation: myfirst 5s;-o-animation: myfirst 5s;}
#fixedcoy-dalam:hover #otherSM{max-height:29%;overflow-y:auto;}
#otherSM, #profilSM{position:relative;padding:8px 0 8px 0;box-shadow: 0px 1px 0px rgb(42, 42, 42);border-bottom: 1px solid rgb(23, 23, 23);}
#otherSM li a, #profilSM li a{color:rgb(230, 230, 230);margin: 1px 0px;padding: 1px 0px 1px 13px;text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);list-style: none outside none;-webkit-transition: all 0.26s ease-out 0s;-moz-transition: all 0.26s ease-out 0s;-o-transition: all 0.26s ease-out 0s;transition: all 0.26s ease-out 0s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
#otherSM li a:hover, #profilSM li a:hover{background:rgb(51, 51, 51);}
.otherSMimg, .profilSMimg{float:left;padding:0 20px 0 0;}
.otherSMtxt, .profilSMtxt{line-height:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

    ]]></b:skin>
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
      <b:if cond='data:blog.pageType != &quot;item&quot;'>
        <b:else/>
        <style>
          /*PostBody*/
          .post {
            padding:0 10px;
            margin:0px;
          }
          .post img {
            background:url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/yb/r/GsNJNwuI-UM.gif) no-repeat center rgba(240,240,240,0.8);
            margin-top:2px;
            padding-top:7px;
            box-shadow: 0 8px 6px -6px #000;
            max-width:550px;
          }
          .post-body{
            font-size:13px;
            margin:10px 0 7px;
            line-height:1.5em}
          .post-body a, .post body a:visited {
            color: #3b5998;
            text-decoration:none;
          }
          .post-body a:hover {
            text-decoration:underline;
          }
          .separator a, .separator a:visited, .separator a:hover, .tr-caption-container a, .tr-caption-container a:hover {
            border-bottom:none}
          , .tr-caption-container a:visited {
            border-bottom:none;
          }
          .tombol, .tombol-download{
            font-size:0.7em;
            margin: 0.5em 1em 0.5em 0px;
            color:#222;
            border-bottom:none;
          }
          /*permalink tag*/
          .permalink {
            line-height: 1.4em;
            border-top: 1px solid rgb(70, 0, 0);
            background: none repeat scroll 0% 0% rgba(255, 0, 0, 0.1);
            padding: 5px;
            font-size: 10px;
            margin-top: 5px;
            border-bottom: 1px solid rgb(70, 0, 0);
            box-shadow: 0px 1px 0px rgb(150, 0, 0) inset, 0px 1px 0px rgb(150, 0, 0);
            clear:both}
          .permalink a, .permalink a:hover, .permalink a:visited{
            color:rgb(230, 230, 230);
            text-decoration:none;
            border:none}
          /*PlanetSharing*/
          #gantengsharing{
            padding:5px;
            margin:0 0px 5px 0px;
            width:100%;
            float:left;
            height:18px;
          }
          #gantengsharing img{
            margin:0px!important;
            padding:0px!important;
            box-shadow:0px 0px 3px rgba(0, 0, 0, 0.7);
            opacity:0.9}
          #gantengsharing img:hover{
            opacity:1;
            box-shadow:none;
            -webkit-transition: all .05s linear;
            -moz-transition: all .05s linear;
            -o-transition: all .05s linear;
            transition: all .05s linear;
          }
          .shareto{
            float:left;
            padding-top:2px;
            font-size:12px;
          }
          .lintasme{
            float:left;
            padding-left:15px}
          .fb {
            float:left;
            padding-left:15px;
          }
          .twitters{
            float:left;
            padding-left:15px;
          }
          .diggs{
            float:left;
            padding-left:15px;
            width:50px}
          .gpluss{
            float:left;
            padding-left:15px}
          /*RelatedPost*/
          #toc-outer {
            font-size:12px;
          }
          #loadingscript {
            background:url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/yb/r/GsNJNwuI-UM.gif) no-repeat center rgba(240,240,240,0.8);
            padding:10px;
            font:bold 20px Georgia,Serif;
            color:white;
            height:300px;
            text-indent:-9999px;
            -webkit-box-shadow:inset 0px 0px 0px 5px black;
            -moz-box-shadow:inset 0px 0px 0px 5px black;
            box-shadow:inset 0px 0px 0px 5px black;
          }
          .itemposts, #itempager{
            margin:5px;
            height:auto;
            background-color:#e9eaed;
            overflow:hidden;
            padding:4px;
            border:1px solid rgb(164, 165, 168);
            -webkit-box-shadow:0px 1px 2px rgb(85, 90, 104);
            -moz-box-shadow:0px 1px 2px rgb(85, 90, 104);
            box-shadow:0px 1px 2px rgb(85, 90, 104);
            -webkit-transition: all .2s linear;
            -moz-transition: all .2s linear;
            -o-transition: all .2s linear;
            transition: all .2s linear;
          }
          .itemposts:hover{
            background-color:rgba(202, 217, 224, 0.5)}
          .itemposts img {
            float:left;
            height:50px;
            width:50px;
            margin:2px 10px 2px 0px;
            -webkit-box-shadow:none;
            -moz-box-shadow:none;
            box-shadow:none;
            border:1px solid #666;
            padding:4px;
          }
          .itemposts a{
            line-height:30px;
            overflow:hidden;
            color:#333;
          }
          .itemposts a:hover{
            text-decoration:underline}
          .itemposts .itemfoot {
            border:1px solid rgb(169, 172, 179);
            padding:5px 10px;
            background-color:rgb(245, 242, 242);
            color:#888;
            overflow:hidden;
            text-align:right;
          }
          #pagination, #totalposts {
            color:#444;
            padding:3px;
            text-align:center;
          }
          #pagination span, #pagination a {
            border:1px solid #666;
            color:white;
            display:inline;
            margin:0 1px;
            padding:2px 5px;
            text-indent:0px;
            background-color:rgb(34, 70, 154);
            text-decoration:none;
          }
          #pagination span.actual,#pagination a:hover {
            background-color:rgb(24, 60, 114);
          }
          #pagination span.hidden {
            display:none;
          }
          /*Hompi Panel*/
          a.openpanel {
            display:block;
            width:98%;
            padding:0px 0px;
            text-align:center;
            font-weight:bold;
            line-height:32px;
            background-color:rgb(10, 62, 111);
            color:white;
            text-decoration:none;
            margin:0px auto;
            -webkit-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.5);
            -moz-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.5);
            box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
            position:relative;
            clear:both;
            font-size: 11px;
            text-transform: uppercase;
            text-shadow: 1px 1px rgb(0, 0, 0);
            -webkit-transition: all .05s linear;
            -moz-transition: all .05s linear;
            -o-transition: all .05s linear;
            transition: all .05s linear;
          }
          a.openpanel:hover {
            -webkit-box-shadow:0px 0px 1px rgba(0, 0, 0, 0.5);
            -moz-box-shadow:0px 0px 1px rgba(0, 0, 0, 0.5);
            box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
          }
          a.openpanel em {
            width:0px;
            height:0px;
            display:block;
            position:absolute;
            top:15px;
            right:15px;
            border:6px solid transparent;
            border-top-color:white;
          }
          a.openpanel.active {
            background-color:rgb(6, 46, 83);
            width:100%;
          }
          a.openpanel.active em {
            top:6px;
            border-color:transparent transparent white transparent;
          }
          div.paneline {
            height:0px;
            border-bottom:1px solid rgb(51, 51, 51);
            display:none;
          }
          div.hompiPanel {
            margin:0px 0px !important;
          }
          img.emo, input.emoKey {
            display:inline-block;
            *display:inline;
            vertical-align:middle;
            padding-top:0px;
            margin-top:0px}
        </style>
      </b:if>
    </b:if>
  </head>
  <!-- Faceblog 2 -->
  <body>
    <div id='menu-wrapper'>
      <div id='menu'>
        <b:section class='header' id='header' maxwidgets='' showaddelement='yes'>
          <b:widget id='Header1' locked='true' title='Faceblog 2 (Header)' type='Header'>
            <b:includable id='main'>
              <b:if cond='data:useImage'>
                <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
                  <!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
                  <b:if cond='data:mobile'>
                    <div id='header-inner'>
                      <div class='titlewrapper'>
                        <h1 class='title'>
                          <b:include name='title'/>
                        </h1>
                      </div>
                      <b:include name='description'/>
                    </div>
                    <b:else/>
                    <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                        + &quot;background-position: &quot;                        + data:backgroundPositionStyleStr + &quot;; &quot;                        + data:widthStyleStr                        + &quot;min-height: &quot; + data:height                        + &quot;_height: &quot; + data:height                        + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
                      <div class='titlewrapper'>
                        <h1 class='title'>
                          <b:include name='title'/>
                        </h1>
                      </div>
                      <b:include name='description'/>
                    </div>
                  </b:if>
                  <b:else/>
                  <!--Show the image only-->
                  <div id='header-inner'>
                    <a expr:href='data:blog.homepageUrl' style='display: block'>
                      <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
                    </a>
                    <!--Show the description-->
                    <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
                      <b:include name='description'/>
                    </b:if>
                  </div>
                </b:if>
                <b:else/>
                <!--No header image -->
                <div id='header-inner'>
                  <div class='titlewrapper'>
                    <h1 class='title'>
                      <b:include name='title'/>
                    </h1>
                  </div>
                  <b:include name='description'/>
                </div>
              </b:if>
            </b:includable>
            <b:includable id='description'>
              <div class='descriptionwrapper'>
                <p class='description'>
                  <span>
                    <data:description/>
                  </span>
                </p>
              </div>
            </b:includable>
            <b:includable id='title'>
              <b:if cond='data:blog.url == data:blog.homepageUrl'>
                <data:title/>
                <b:else/>
                <a expr:href='data:blog.homepageUrl'>
                  <data:title/>
                </a>
              </b:if>
            </b:includable>
          </b:widget>
        </b:section>
        <ul class='menu-dalam-ul' style='list-style: none;float:left;'>
          <li class='menu-dalam-li' id='ganteng'>
            <form action='/search/' id='search' method='get' onsubmit='/search/?=q' target='_blank'>
              <input name='q' placeholder='Cari cewek, seksi dan hal lainnya' size='40' type='text'/>
              <input class='search-submit' type='submit' value='Cari'/>
            </form>
          </li>
        </ul>
        <ul class='menu-dalam-ul' style='list-style: none;'>
          <li class='menu-dalam-li'>
            <a class='menu-dalam-li-a' id='downSM'/>
            <div id='downSM-dlm'>
              <ul class='SM_downMenu'>
                <li>
                  <a href='http://www.blogger.com'>
                    Pengaturan
                  </a>
                </li>
                <li>
                  <a href='http://www.blogger.com/logout'>
                    Keluar
                  </a>
                </li>
              </ul>
              <ul class='SM_downMenu'>
                <li>
                  <a href='http://santa-mars.blogspot.com/'>
                    Bantuan
                  </a>
                </li>
                <li>
                  <a href='http://santa-mars-iframe.blogspot.com/2013/03/credit-fb.html'>
                    Tentang Desain Baru
                  </a>
                </li>
                <li>
                  <a href='https://www.facebook.com/santa.mars'>
                    Beri Masukan
                  </a>
                </li>
              </ul>
              <ul class='SM_downMenu'>
                <li>
                  <a href='#'>
                    Iklan
                  </a>
                </li>
                <li>
                  <a href='#'>
                    Buat Halaman
                  </a>
                </li>
              </ul>
            </div>
          </li>
        </ul>
        <ul class='menu-dalam-ul' style='list-style: none;'>
          <li class='menu-dalam-li'>
            <a class='menu-dalam-li-a' expr:href='data:blog.homepageUrl' expr:title='data:blog.title' id='ke-rumahSM'>
              <strong>
                Home
              </strong>
            </a>
          </li>
        </ul>
        <ul class='menu-dalam-ul' style='list-style: none;'>
          <li class='menu-dalam-li'>
            <a class='menu-dalam-li-a' id='adderSM'/>
            <div id='adderSM-dlm'>
              <ul class='SM_adderBlog'>
                <li>
                  <div>
                    <img src='http://4.bp.blogspot.com/-rnuJaqZkEfY/URBqL2XEnlI/AAAAAAAAB6A/kO6-w9FPXdI/s30/gambar-blog-sm.png'/>
                  </div>
                  <div style='line-height:30px;float:left'>
                    <a href='http://santa-mars.blogspot.com/' id='nama_blogSM'>
                      Blog Santa Mars
                    </a>
                  </div>
                  <div style='line-height:30px;float:right'>
                    <a href='http://www.blogger.com/follow-blog.g?blogID=1690762326897879808' id='follow_SM'>
                      Follow
                    </a>
                  </div>
                </li>
              </ul>
            </div>
          </li>
          <li class='menu-dalam-li'>
            <a class='menu-dalam-li-a' id='commentSM'/>
            <div id='commentSM-dlm'>
              <script src='https://sites.google.com/site/blogsantamars/css-santa-mars/recent-commentFBSM2.js' type='text/javascript'/>
            </div>
          </li>
          <li class='menu-dalam-li'>
            <a class='menu-dalam-li-a' id='feedSM'/>
            <div id='feedSM-dlm'>
              <ul id='SM_recent-post'/>
              <script src='https://sites.google.com/site/blogsantamars/css-santa-mars/recent-postFBSM.js' type='text/javascript'/>
            </div>
          </li>
        </ul>
      </div>
    </div>
    <div id='outer-wrapper'>
      <div id='fixedcoy-wrapper'>
        <div id='fixedcoy-dalam'>
          <b:section class='fixedcoy-column section' id='fixedcoy' showaddelement='no'>
            <b:widget id='HTML77' locked='true' title='Other Menu' type='HTML'>
              <b:includable id='main'>
                <!-- only display title if it's non-empty -->
                <b:if cond='data:title != &quot;&quot;'>
                  <h2 class='title'>
                    <data:title/>
                  </h2>
                </b:if>
                <div class='widget-content'>
                  <data:content/>
                </div>
                <b:include name='quickedit'/>
              </b:includable>
            </b:widget>
          </b:section>
          <ul id='chatboxSM' style='list-style: none;'>
            <li>
              <center>
                <div style='text-align: center; line-height: 0'>
                  <div>
                    <iframe allowtransparency='yes' frameborder='0' height='50%' id='cboxmain5-695235' marginheight='2' marginwidth='2' name='cboxmain5-695235' scrolling='auto' src='http://www5.cbox.ws/box/?boxid=695235&amp;boxtag=q15t6b&amp;sec=main' style='border:#ababab 1px solid;border-bottom:0px' width='200'/>
                  </div>
                  <div>
                    <iframe allowtransparency='yes' frameborder='0' height='75' id='cboxform5-695235' marginheight='2' marginwidth='2' name='cboxform5-695235' scrolling='no' src='http://www5.cbox.ws/box/?boxid=695235&amp;boxtag=q15t6b&amp;sec=form' style='border:#ababab 1px solid;border-top:0px' width='200'/>
                  </div>
                </div>
              </center>
            </li>
          </ul>
        </div>
      </div>
      <div id='main-wrapper'>
        <div id='main-dalam' style='margin: 0 5px;'>
          <b:section class='main' id='main' showaddelement='no'>
            <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
              <b:includable id='main' var='top'>
                <b:if cond='data:mobile == &quot;false&quot;'>
                  <!-- posts -->
                  <div class='blog-posts hfeed'>
                    <b:include data='top' name='status-message'/>
                    <data:defaultAdStart/>
                    <b:loop values='data:posts' var='post'>
                      <b:if cond='data:post.isDateStart'>
                        <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
                          &lt;/div&gt;&lt;/div&gt;
                        </b:if>
                      </b:if>
                      <b:if cond='data:post.isDateStart'>
                        &lt;div class=&quot;date-outer&quot;&gt;
                      </b:if>
                      <b:if cond='data:post.dateHeader'>
                        <h2 class='date-header'>
                          <span>
                            <data:post.dateHeader/>
                          </span>
                        </h2>
                      </b:if>
                      <b:if cond='data:post.isDateStart'>
                        &lt;div class=&quot;date-posts&quot;&gt;
                      </b:if>
                      <div class='post-outer'>
                        <b:include data='post' name='post'/>
                        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
                          <b:if cond='data:post.showThreadedComments'>
                            <b:include data='post' name='custom-comments'/>
                            <b:else/>
                            <b:include data='post' name='custom-comments'/>
                          </b:if>
                        </b:if>
                        <b:if cond='data:blog.pageType == &quot;item&quot;'>
                          <b:if cond='data:post.showThreadedComments'>
                            <b:include data='post' name='custom-comments'/>
                            <b:else/>
                            <b:include data='post' name='custom-comments'/>
                          </b:if>
                        </b:if>
                      </div>
                      <b:if cond='data:post.includeAd'>
                        <b:if cond='data:post.isFirstPost'>
                          <data:defaultAdEnd/>
                          <b:else/>
                          <data:adEnd/>
                        </b:if>
                        <div class='inline-ad'>
                          <data:adCode/>
                        </div>
                        <data:adStart/>
                      </b:if>
                    </b:loop>
                    <b:if cond='data:numPosts != 0'>
                      &lt;/div&gt;&lt;/div&gt;
                    </b:if>
                    <data:adEnd/>
                  </div>
                  <!-- navigation -->
                  <b:include name='nextprev'/>
                  <!-- feed links -->
                  <b:include name='feedLinks'/>
                  <b:if cond='data:top.showStars'>
                    <script src='//www.google.com/jsapi' type='text/javascript'/>
                    <script type='text/javascript'>
                      google.load(&quot;annotations&quot;, &quot;1&quot;, {
                                  &quot;locale&quot;: &quot;<data:top.languageCode/>&quot;}
                                 );
                      function initialize() {
                        google.annotations.setApplicationId(<data:top.blogspotReviews/>);
                        google.annotations.createAll();
                        google.annotations.fetch();
                      }
                      google.setOnLoadCallback(initialize);
                    </script>
                  </b:if>
                  <b:else/>
                  <b:include name='mobile-main'/>
                </b:if>
                <b:if cond='data:top.showDummy'>
                  <data:top.dummyBootstrap/>
                </b:if>
              </b:includable>
              <b:includable id='backlinkDeleteIcon' var='backlink'>
                <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
                  <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
                    <img src='//www.blogger.com/img/icon_delete13.gif'/>
                  </a>
                </span>
              </b:includable>
              <b:includable id='backlinks' var='post'>
                <a name='links'/>
                <h4>
                  <data:post.backlinksLabel/>
                </h4>
                <b:if cond='data:post.numBacklinks != 0'>
                  <dl class='comments-block' id='comments-block'>
                    <b:loop values='data:post.backlinks' var='backlink'>
                      <div class='collapsed-backlink backlink-control'>
                        <dt class='comment-title'>
                          <span class='backlink-toggle-zippy'>
                            &#160;
                          </span>
                          <a expr:href='data:backlink.url' rel='nofollow'>
                            <data:backlink.title/>
                          </a>
                          <b:include data='backlink' name='backlinkDeleteIcon'/>
                        </dt>
                        <dd class='comment-body collapseable'>
                          <data:backlink.snippet/>
                        </dd>
                        <dd class='comment-footer collapseable'>
                          <span class='comment-author'>
                            <data:post.authorLabel/>
                            <data:backlink.author/>
                          </span>
                          <span class='comment-timestamp'>
                            <data:post.timestampLabel/>
                            <data:backlink.timestamp/>
                          </span>
                        </dd>
                      </div>
                    </b:loop>
                  </dl>
                </b:if>
                <p class='comment-footer'>
                  <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'>
                    <data:post.createLinkLabel/>
                  </a>
                </p>
              </b:includable>
              <b:includable id='comment-form' var='post'>
                <div class='comment-form'>
                  <a name='comment-form'/>
                  <b:if cond='data:mobile'>
                    <h4 id='comment-post-message'>
                      <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'>
                        <data:postCommentMsg/>
                      </a>
                    </h4>
                    <p>
                      <data:blogCommentMessage/>
                    </p>
                    <data:blogTeamBlogMessage/>
                    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
                    <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
                    <b:else/>
                    <h4 id='comment-post-message'>
                      <data:postCommentMsg/>
                    </h4>
                    <p>
                      <data:blogCommentMessage/>
                    </p>
                    <data:blogTeamBlogMessage/>
                    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
                    <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
                  </b:if>
                  <data:post.friendConnectJs/>
                  <data:post.cmtfpIframe/>
                  <script type='text/javascript'>
                    BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
                  </script>
                </div>
              </b:includable>
              <b:includable id='commentDeleteIcon' var='comment'>
                <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
                  <b:if cond='data:showCmtPopup'>
                    <div class='goog-toggle-button'>
                      <div class='goog-inline-block comment-action-icon'/>
                    </div>
                    <b:else/>
                    <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
                      <img src='//www.blogger.com/img/icon_delete13.gif'/>
                    </a>
                  </b:if>
                </span>
              </b:includable>
              <b:includable id='comment_count_picker' var='post'>
                <b:if cond='data:post.forceIframeComments'>
                  <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
                  </span>
                  <b:else/>
                  <b:if cond='data:post.commentSource == 1'>
                    <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
                    </span>
                    <b:else/>
                    <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                      <data:post.commentLabelFull/>
                      :
                    </a>
                  </b:if>
                </b:if>
              </b:includable>
              <b:includable id='comment_picker' var='post'>
                <b:if cond='data:post.forceIframeComments'>
                  <b:include data='post' name='iframe_comments'/>
                  <b:if cond='data:post.showThreadedComments'>
                    <b:include data='post' name='custom-comments'/>
                    <b:else/>
                    <b:include data='post' name='custom-comments'/>
                  </b:if>
                  <b:else/>
                  <b:if cond='data:post.commentSource == 1'>
                    <b:include data='post' name='iframe_comments'/>
                    <b:else/>
                    <b:if cond='data:post.showThreadedComments'>
                      <b:include data='post' name='custom-comments'/>
                      <b:else/>
                      <b:include data='post' name='custom-comments'/>
                    </b:if>
                  </b:if>
                </b:if>
              </b:includable>
              <b:includable id='comments' var='post'>
                <div class='comments' id='comments'>
                  <a name='comments'/>
                  <b:if cond='data:post.allowComments'>
                    <h4>
                      <b:if cond='data:post.numComments == 1'>
                        1 
                        <data:commentLabel/>
                        :
                        <b:else/>
                        <data:post.numComments/>
                        <data:commentLabelPlural/>
                        :
                      </b:if>
                    </h4>
                    <b:if cond='data:post.commentPagingRequired'>
                      <span class='paging-control-container'>
                        <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
                          <data:post.oldestLinkText/>
                        </a>
                        &#160;
                        <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
                          <data:post.olderLinkText/>
                        </a>
                        &#160;
                        <data:post.commentRangeText/>
                        &#160;
                        <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
                          <data:post.newerLinkText/>
                        </a>
                        &#160;
                        <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
                          <data:post.newestLinkText/>
                        </a>
                      </span>
                    </b:if>
                    <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
                      <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
                        <b:loop values='data:post.comments' var='comment'>
                          <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
                            <b:if cond='data:comment.favicon'>
                              <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
                            </b:if>
                            <a expr:name='data:comment.anchorName'/>
                            <b:if cond='data:blog.enabledCommentProfileImages'>
                              <data:comment.authorAvatarImage/>
                            </b:if>
                            <b:if cond='data:comment.authorUrl'>
                              <a expr:href='data:comment.authorUrl' rel='nofollow'>
                                <data:comment.author/>
                              </a>
                              <b:else/>
                              <data:comment.author/>
                            </b:if>
                            <data:commentPostedByMsg/>
                          </dt>
                          <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
                            <b:if cond='data:comment.isDeleted'>
                              <span class='deleted-comment'>
                                <data:comment.body/>
                              </span>
                              <b:else/>
                              <p>
                                <data:comment.body/>
                              </p>
                            </b:if>
                          </dd>
                          <dd class='comment-footer'>
                            <span class='comment-timestamp'>
                              <a expr:href='data:comment.url' title='comment permalink'>
                                <data:comment.timestamp/>
                              </a>
                              <b:include data='comment' name='commentDeleteIcon'/>
                            </span>
                          </dd>
                        </b:loop>
                      </dl>
                    </div>
                    <b:if cond='data:post.commentPagingRequired'>
                      <span class='paging-control-container'>
                        <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
                          <data:post.oldestLinkText/>
                        </a>
                        <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
                          <data:post.olderLinkText/>
                        </a>
                        &#160;
                        <data:post.commentRangeText/>
                        &#160;
                        <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
                          <data:post.newerLinkText/>
                        </a>
                        <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
                          <data:post.newestLinkText/>
                        </a>
                      </span>
                    </b:if>
                    <p class='comment-footer'>
                      <b:if cond='data:post.embedCommentForm'>
                        <b:if cond='data:post.allowNewComments'>
                          <b:include data='post' name='comment-form'/>
                          <b:else/>
                          <data:post.noNewCommentsText/>
                        </b:if>
                        <b:else/>
                        <b:if cond='data:post.allowComments'>
                          <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                            <data:postCommentMsg/>
                          </a>
                        </b:if>
                      </b:if>
                    </p>
                  </b:if>
                  <b:if cond='data:showCmtPopup'>
                    <div id='comment-popup'>
                      <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
                      </iframe>
                    </div>
                  </b:if>
                  <div id='backlinks-container'>
                    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
                      <b:if cond='data:post.showBacklinks'>
                        <b:include data='post' name='backlinks'/>
                      </b:if>
                    </div>
                  </div>
                </div>
              </b:includable>
              <b:includable id='custom-comments' var='post'>
                <section class='custom-comments' id='custom-comments'>
                  <b:if cond='data:post.allowComments'>
                    <h4>
                      <b:if cond='data:post.numComments == 1'>
                        <span>
                          1
                        </span>
                        &amp;nbsp;
                        <data:commentLabel/>
                        <b:else/>
                        <span>
                          <data:post.numComments/>
                        </span>
                        &amp;nbsp;
                        <data:commentLabelPlural/>
                      </b:if>
                    </h4>
                    <b:if cond='data:post.commentPagingRequired'>
                      <nav class='paging-control-container'>
                        <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
                          <data:post.oldestLinkText/>
                        </a>
                        <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
                          <data:post.olderLinkText/>
                        </a>
                        &#160;
                        <data:post.commentRangeText/>
                        &#160;
                        <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
                          <data:post.newerLinkText/>
                        </a>
                        <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
                          <data:post.newestLinkText/>
                        </a>
                      </nav>
                    </b:if>
                    <div id='comments-area'>
                      <b:loop values='data:post.comments' var='comment'>
                        <b:if cond='data:comment.inReplyTo'>
                          <b:else/>
                          <b:if cond='data:comment.author == data:post.author'>
                            &lt;div class=&#39;author-comment&#39;&gt;
                          </b:if>
                          <div class='comment-item clearfix' expr:id='data:comment.anchorName'>
                            <div class='comment-header clearfix'>
                              <strong class='user pull-left'>
                                <b:if cond='data:comment.authorUrl'>
                                  <a expr:href='data:comment.authorUrl' rel='nofollow'>
                                    <data:comment.author/>
                                  </a>
                                  <b:else/>
                                  <data:comment.author/>
                                </b:if>
                                <data:commentPostedByMsg/>
                              </strong>
                              <a class='comment-permalink pull-right' expr:href='data:comment.url' title='Comment Permalink'>
                                <data:comment.timestamp/>
                              </a>
                            </div>
                            <!-- comment-header -->
                            <div class='avatar-box pull-left'>
                              <b:if cond='data:comment.favicon'>
                                <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
                              </b:if>
                              <b:if cond='data:blog.enabledCommentProfileImages'>
                                <data:comment.authorAvatarImage/>
                              </b:if>
                            </div>
                            <!-- avatar-box -->
                            <div class='comment-body'>
                              <b:if cond='data:comment.isDeleted'>
                                <span class='deleted-comment'>
                                  <data:comment.body/>
                                </span>
                                <b:else/>
                                <data:comment.body/>
                              </b:if>
                            </div>
                            <!-- comment-body -->
                            <b:loop values='data:post.comments' var='replies'>
                              <b:if cond='data:replies.inReplyTo == data:comment.id'>
                                <b:if cond='data:replies.author == data:post.author'>
                                  &lt;div class=&#39;author-comment&#39;&gt;
                                </b:if>
                                <div class='comment-reply clearfix' expr:id='data:replies.anchorName'>
                                  <div class='comment-header clearfix'>
                                    <strong class='user pull-left'>
                                      <b:if cond='data:replies.authorUrl'>
                                        <a expr:href='data:replies.authorUrl' rel='nofollow'>
                                          <data:replies.author/>
                                        </a>
                                        <b:else/>
                                        <data:replies.author/>
                                      </b:if>
                                      <data:commentPostedByMsg/>
                                    </strong>
                                    <a class='comment-permalink pull-right' expr:href='data:replies.url' title='Comment Permalink'>
                                      <data:replies.timestamp/>
                                    </a>
                                  </div>
                                  <!-- reply comment-header -->
                                  <div class='avatar-box pull-left'>
                                    <b:if cond='data:replies.favicon'>
                                      <img expr:src='data:replies.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
                                    </b:if>
                                    <b:if cond='data:blog.enabledCommentProfileImages'>
                                      <data:replies.authorAvatarImage/>
                                    </b:if>
                                  </div>
                                  <!-- reply avatar-box -->
                                  <div class='comment-body'>
                                    <b:if cond='data:replies.isDeleted'>
                                      <span class='deleted-comment'>
                                        <data:replies.body/>
                                      </span>
                                      <b:else/>
                                      <data:replies.body/>
                                    </b:if>
                                  </div>
                                  <!-- reply comment-body -->
                                  <span class='comment-bottom-line'>
                                    &lt;a class=&#39;delete-btn&#39; data-icon=&#39;&amp;times;&#39; href=&#39;
                                    <data:replies.deleteUrl/>
                                    &#39; title=&#39;
                                    <data:top.deleteCommentMsg/>
                                    &#39;&gt;Delete&lt;/a&gt;
                                  </span>
                                </div>
                                <!-- reply comment-reply -->
                                <b:if cond='data:replies.author == data:post.author'>
                                  &lt;/div&gt;
                                </b:if>
                              </b:if>
                              <!-- replies.inReplyTo -->
                            </b:loop>
                            <span class='comment-bottom-line'>
                              <b:if cond='data:comment.isDeleted != &quot;true&quot;'>
                                &lt;a class=&#39;reply-btn&#39; data-icon=&#39;&amp;dArr;&#39; href=&#39;javascript:replyTo(&quot;
                                <data:comment.id/>
                                &quot;);&#39;&gt;Reply&lt;/a&gt;
                              </b:if>
                              &lt;a class=&#39;delete-btn&#39; data-icon=&#39;&amp;times;&#39; href=&#39;
                              <data:comment.deleteUrl/>
                              &#39; title=&#39;
                              <data:top.deleteCommentMsg/>
                              &#39;&gt;Delete&lt;/a&gt;
                            </span>
                            <div expr:id='&quot;form-container-&quot; + data:comment.id'/>
                          </div>
                          <!-- comment-item -->
                          <b:if cond='data:comment.author == data:post.author'>
                            &lt;/div&gt;
                          </b:if>
                        </b:if>
                        <!-- comment.inReplyTo -->
                      </b:loop>
                    </div>
                    <b:if cond='data:post.commentPagingRequired'>
                      <nav class='paging-control-container'>
                        <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
                          <data:post.oldestLinkText/>
                        </a>
                        <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
                          <data:post.olderLinkText/>
                        </a>
                        &#160;
                        <data:post.commentRangeText/>
                        &#160;
                        <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
                          <data:post.newerLinkText/>
                        </a>
                        <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
                          <data:post.newestLinkText/>
                        </a>
                      </nav>
                    </b:if>
                    <div class='custom-comment-form' id='custom-comment-form'>
                      <h4>
                        <data:postCommentMsg/>
                      </h4>
                      <p>
                        <data:blogCommentMessage/>
                      </p>
                      <data:blogTeamBlogMessage/>
                      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
                      <div class='custom-comment-editor-wrapper'>
                        <iframe class='blogger-iframe-colorize blogger-comment-from-post' id='comment-editor' name='comment-editor' src=''/>
                      </div>
                      <data:post.friendConnectJs/>
                      <data:post.cmtfpIframe/>
                      <script type='text/javascript'>
                        BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);</script>
                      <a class='cancel-reply-btn' href='javascript:replyTo(&quot;cancel&quot;);'>
                        Cancel Reply
                      </a>
                    </div>
                    <script type='text/javascript'>
                      //<![CDATA[
                      var originalSource = document.getElementById('comment-editor').src.split('#');
                      function replyTo(id) {
                        var frame = document.getElementById('comment-editor'),
                            form = document.getElementById('custom-comment-form'),
                            container = (id != "cancel") ? document.getElementById('form-container-' + id) : document.getElementById('custom-comments'),
                            part = originalSource;
                        frame.style.height = "50px";
                        frame.style.visibility = "hidden";
                        frame.src = (id != "cancel") ? part[0] + '&parentID=' + id + '#' + part[1] : part[0] + '#' + part[1];
                        container.insertBefore(form, null);
                        frame.onload = function() {
                          this.style.height = "250px";
                          this.style.visibility = "visible";
                        };
                      }
                      //]]>
                    </script>
                  </b:if>
                </section>
              </b:includable>
              <b:includable id='feedLinks'>
                <b:if cond='data:blog.pageType != &quot;item&quot;'>
                  <!-- Blog feed links -->
                  <b:if cond='data:feedLinks'>
                    <div class='blog-feeds'>
                      <b:include data='feedLinks' name='feedLinksBody'/>
                    </div>
                  </b:if>
                  <b:else/>
                  <!--Post feed links -->
                  <div class='post-feeds'>
                    <b:loop values='data:posts' var='post'>
                      <b:if cond='data:post.allowComments'>
                        <b:if cond='data:post.feedLinks'>
                          <b:include data='post.feedLinks' name='feedLinksBody'/>
                        </b:if>
                      </b:if>
                    </b:loop>
                  </div>
                </b:if>
              </b:includable>
              <b:includable id='feedLinksBody' var='links'>
                <div class='feed-links'>
                  <data:feedLinksMsg/>
                  <b:loop values='data:links' var='f'>
                    <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'>
                      <data:f.name/>
                      (
                      <data:f.feedType/>
                      )
                    </a>
                  </b:loop>
                </div>
              </b:includable>
              <b:includable id='iframe_comments' var='post'>
                <b:if cond='data:post.allowIframeComments'>
                  <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
                  <div class='cmt_iframe_holder'/>
                  <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
                    <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                      <data:postCommentMsg/>
                    </a>
                  </b:if>
                </b:if>
              </b:includable>
              <b:includable id='mobile-index-post' var='post'>
                <div class='mobile-date-outer date-outer'>
                  <b:if cond='data:post.dateHeader'>
                    <div class='date-header'>
                      <span>
                        <data:post.dateHeader/>
                      </span>
                    </div>
                  </b:if>
                  <div class='mobile-post-outer'>
                    <a expr:href='data:post.url'>
                      <h3 class='mobile-index-title entry-title'>
                        <data:post.title/>
                      </h3>
                      <div class='mobile-index-arrow'>
                        &amp;rsaquo;
                      </div>
                      <div class='mobile-index-contents'>
                        <b:if cond='data:post.thumbnailUrl'>
                          <div class='mobile-index-thumbnail'>
                            <div class='Image'>
                              <img expr:src='data:post.thumbnailUrl'/>
                            </div>
                          </div>
                        </b:if>
                        <div class='post-body'>
                          <b:if cond='data:post.snippet'>
                            <data:post.snippet/>
                          </b:if>
                        </div>
                      </div>
                      <div style='clear: both;'/>
                    </a>
                    <div class='mobile-index-comment'>
                      <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                        <b:if cond='data:post.allowComments'>
                          <b:if cond='data:post.numComments != 0'>
                            <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                              <b:if cond='data:post.numComments == 1'>
                                1 
                                <data:top.commentLabel/>
                                <b:else/>
                                <data:post.numComments/>
                                <data:top.commentLabelPlural/>
                              </b:if>
                            </a>
                          </b:if>
                        </b:if>
                      </b:if>
                    </div>
                  </div>
                </div>
              </b:includable>
              <b:includable id='mobile-main' var='top'>
                <!-- posts -->
                <div class='blog-posts hfeed'>
                  <b:include data='top' name='status-message'/>
                  <b:if cond='data:blog.pageType == &quot;index&quot;'>
                    <b:loop values='data:posts' var='post'>
                      <b:include data='post' name='mobile-index-post'/>
                    </b:loop>
                    <b:else/>
                    <b:loop values='data:posts' var='post'>
                      <b:include data='post' name='mobile-post'/>
                    </b:loop>
                  </b:if>
                </div>
                <b:include name='mobile-nextprev'/>
              </b:includable>
              <b:includable id='mobile-nextprev'>
                <div class='blog-pager' id='blog-pager'>
                  <b:if cond='data:newerPageUrl'>
                    <div class='mobile-link-button' id='blog-pager-newer-link'>
                      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>
                        &amp;lsaquo;
                      </a>
                    </div>
                  </b:if>
                  <b:if cond='data:olderPageUrl'>
                    <div class='mobile-link-button' id='blog-pager-older-link'>
                      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>
                        &amp;rsaquo;
                      </a>
                    </div>
                  </b:if>
                  <div class='mobile-link-button' id='blog-pager-home-link'>
                    <a class='home-link' expr:href='data:blog.homepageUrl'>
                      <data:homeMsg/>
                    </a>
                  </div>
                  <div class='mobile-desktop-link'>
                    <a class='home-link' expr:href='data:desktopLinkUrl'>
                      <data:desktopLinkMsg/>
                    </a>
                  </div>
                </div>
                <div class='clear'/>
              </b:includable>
              <b:includable id='mobile-post' var='post'>
                <div class='date-outer'>
                  <b:if cond='data:post.dateHeader'>
                    <h2 class='date-header'>
                      <span>
                        <data:post.dateHeader/>
                      </span>
                    </h2>
                  </b:if>
                  <div class='date-posts'>
                    <div class='post-outer'>
                      <div class='post hentry uncustomized-post-template'>
                        <a expr:name='data:post.id'/>
                        <b:if cond='data:post.title'>
                          <h3 class='post-title entry-title'>
                            <b:if cond='data:post.link'>
                              <a expr:href='data:post.link'>
                                <data:post.title/>
                              </a>
                              <b:else/>
                              <b:if cond='data:post.url'>
                                <b:if cond='data:blog.url != data:post.url'>
                                  <a expr:href='data:post.url'>
                                    <data:post.title/>
                                  </a>
                                  <b:else/>
                                  <data:post.title/>
                                </b:if>
                                <b:else/>
                                <data:post.title/>
                              </b:if>
                            </b:if>
                          </h3>
                        </b:if>
                        <div class='post-header'>
                          <div class='post-header-line-1'/>
                        </div>
                        <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
                          <data:post.body/>
                          <div style='clear: both;'/>
                          <!-- clear for photos floats -->
                        </div>
                        <div class='post-footer'>
                          <div class='post-footer-line post-footer-line-1'>
                            <span class='post-author vcard'>
                              <b:if cond='data:top.showAuthor'>
                                <b:if cond='data:post.authorProfileUrl'>
                                  <span class='fn'>
                                    <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                                      <data:post.author/>
                                    </a>
                                  </span>
                                  <b:else/>
                                  <span class='fn'>
                                    <data:post.author/>
                                  </span>
                                </b:if>
                              </b:if>
                            </span>
                            <span class='post-timestamp'>
                              <b:if cond='data:top.showTimestamp'>
                                <data:top.timestampLabel/>
                                <b:if cond='data:post.url'>
                                  <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
                                    <abbr class='published' expr:title='data:post.timestampISO8601'>
                                      <data:post.timestamp/>
                                    </abbr>
                                  </a>
                                </b:if>
                              </b:if>
                            </span>
                            <span class='post-comment-link'>
                              <b:if cond='data:blog.pageType != &quot;item&quot;'>
                                <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                                  <b:if cond='data:post.allowComments'>
                                    <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                                      <b:if cond='data:post.numComments == 1'>
                                        1 
                                        <data:top.commentLabel/>
                                        <b:else/>
                                        <data:post.numComments/>
                                        <data:top.commentLabelPlural/>
                                      </b:if>
                                    </a>
                                  </b:if>
                                </b:if>
                              </b:if>
                            </span>
                          </div>
                          <div class='post-footer-line post-footer-line-2'>
                            <b:if cond='data:top.showMobileShare'>
                              <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
                                <a href='javascript:void(0);'>
                                  <data:shareMsg/>
                                </a>
                              </div>
                            </b:if>
                            <b:if cond='data:top.showDummy'>
                              <div class='goog-inline-block dummy-container'>
                                <data:post.dummyTag/>
                              </div>
                            </b:if>
                          </div>
                        </div>
                      </div>
                      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
                        <b:if cond='data:post.showThreadedComments'>
                          <b:include data='post' name='custom-comments'/>
                          <b:else/>
                          <b:include data='post' name='custom-comments'/>
                        </b:if>
                      </b:if>
                      <b:if cond='data:blog.pageType == &quot;item&quot;'>
                        <b:if cond='data:post.showThreadedComments'>
                          <b:include data='post' name='custom-comments'/>
                          <b:else/>
                          <b:include data='post' name='custom-comments'/>
                        </b:if>
                      </b:if>
                    </div>
                  </div>
                </div>
              </b:includable>
              <b:includable id='nextprev'>
                <div class='blog-pager' id='blog-pager'>
                  <b:if cond='data:newerPageUrl'>
                    <span id='blog-pager-newer-link'>
                      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>
                        <data:newerPageTitle/>
                      </a>
                    </span>
                  </b:if>
                  <b:if cond='data:olderPageUrl'>
                    <span id='blog-pager-older-link'>
                      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>
                        <data:olderPageTitle/>
                      </a>
                    </span>
                  </b:if>
                  <a class='home-link' expr:href='data:blog.homepageUrl'>
                    <data:homeMsg/>
                  </a>
                  <b:if cond='data:mobileLinkUrl'>
                    <div class='blog-mobile-link'>
                      <a expr:href='data:mobileLinkUrl'>
                        <data:mobileLinkMsg/>
                      </a>
                    </div>
                  </b:if>
                </div>
                <div class='clear'/>
              </b:includable>
              <b:includable id='post' var='post'>
                <article class='post hentry'>
                  <a expr:name='data:post.id'/>
                  <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                    <b:if cond='data:blog.pageType != &quot;item&quot;'>
                      <b:if cond='data:post.thumbnailUrl'>
                        <a expr:href='data:post.url'>
                          <img alt='thumbnail' class='post-thumbnail' expr:src='data:post.thumbnailUrl'/>
                        </a>
                        <b:else/>
                        <a expr:href='data:post.url'>
                          <img alt='thumbnail' class='post-thumbnail' src='http://3.bp.blogspot.com/-MzMilqmiIbQ/UUPfgxyHP5I/AAAAAAAACRc/w-HMiiF_LuY/s70/faceblogSM-nogambar.jpg'/>
                        </a>
                      </b:if>
                    </b:if>
                  </b:if>
                  <b:if cond='data:post.title'>
                    <h2 class='post-title entry-title'>
                      <b:if cond='data:post.link'>
                        <a expr:href='data:post.link'>
                          <data:post.title/>
                        </a>
                        <b:else/>
                        <b:if cond='data:post.url'>
                          <b:if cond='data:blog.url != data:post.url'>
                            <a expr:href='data:post.url'>
                              <data:post.title/>
                            </a>
                            <b:else/>
                            <data:post.title/>
                          </b:if>
                          <b:else/>
                          <data:post.title/>
                        </b:if>
                      </b:if>
                    </h2>
                  </b:if>
                  <div class='post-header'>
                    <div class='post-header-line-1'/>
                  </div>
                  <div class='post-body entry-content'>
                    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                      <b:if cond='data:blog.pageType != &quot;item&quot;'>
                        <div class='post-snippet' expr:data-snippet='data:post.snippet'/>
                      </b:if>
                    </b:if>
                    <b:if cond='data:blog.pageType == &quot;item&quot;'>
                      <data:post.body/>
                      <b:else/>
                      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
                        <data:post.body/>
                      </b:if>
                    </b:if>
                    <div style='clear: both;'/>
                    <!-- clear for photos floats -->
                  </div>
                  <b:if cond='data:blog.pageType == &quot;item&quot;'>
                    <center>
                      <h3>
                        Artikel Terkait
                      </h3>
                    </center>
                    <script type='text/javascript'>
                      <b:loop values='data:posts' var='post'>
                        <b:loop values='data:post.labels' var='label'>
                          textLabel = &quot;<data:label.name/>&quot;;
                    </b:loop>
                    </b:loop>
                    </script>
                    <script src='https://sites.google.com/site/blogsantamars/css-santa-mars/coba-caba9.js' type='text/javascript'/>
                  </b:if>
                  <b:if cond='data:blog.pageType == &quot;item&quot;'>
                    <div class='post-footer'>
                      <div class='post-footer-line post-footer-line-1'>
                        <span class='post-author vcard'>
                          <b:if cond='data:top.showAuthor'>
                            <data:top.authorLabel/>
                            <b:if cond='data:post.authorProfileUrl'>
                              <span class='fn'>
                                <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                                  <data:post.author/>
                                </a>
                              </span>
                              <b:else/>
                              <span class='fn'>
                                <data:post.author/>
                              </span>
                            </b:if>
                          </b:if>
                        </span>
                        <span class='post-timestamp'>
                          <b:if cond='data:top.showTimestamp'>
                            <data:top.timestampLabel/>
                            <b:if cond='data:post.url'>
                              <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
                                <abbr class='published' expr:title='data:post.timestampISO8601'>
                                  <data:post.timestamp/>
                                </abbr>
                              </a>
                            </b:if>
                          </b:if>
                        </span>
                        <span class='post-comment-link'>
                          <b:if cond='data:blog.pageType != &quot;item&quot;'>
                            <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                              <b:if cond='data:post.allowComments'>
                                <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                                  <b:if cond='data:post.numComments == 1'>
                                    1 
                                    <data:top.commentLabel/>
                                    <b:else/>
                                    <data:post.numComments/>
                                    <data:top.commentLabelPlural/>
                                  </b:if>
                                </a>
                              </b:if>
                            </b:if>
                          </b:if>
                        </span>
                        <span class='post-icons'>
                          <!-- email post links -->
                          <b:if cond='data:post.emailPostUrl'>
                            <span class='item-action'>
                              <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
                                <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
                              </a>
                            </span>
                          </b:if>
                          <!-- quickedit pencil -->
                          <b:include data='post' name='postQuickEdit'/>
                        </span>
                        <div class='post-share-buttons goog-inline-block'>
                          <b:if cond='data:post.sharePostUrl'>
                            <b:include data='post' name='shareButtons'/>
                          </b:if>
                        </div>
                      </div>
                      <div class='post-footer-line post-footer-line-2'>
                        <span class='post-labels'>
                          <b:if cond='data:post.labels'>
                            <data:postLabelsLabel/>
                            <b:loop values='data:post.labels' var='label'>
                              <a expr:href='data:label.url' rel='tag'>
                                <data:label.name/>
                              </a>
                              <b:if cond='data:label.isLast != &quot;true&quot;'>
                                ,
                              </b:if>
                            </b:loop>
                          </b:if>
                        </span>
                        <!-- Feature added by BTemplates.com -->
                        <b:if cond='data:top.showReactions'>
                          <span class='reaction-buttons'>
                            <table border='0' cellpadding='0' cellspacing='0' width='100%'>
                              <tr>
                                <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
                                  <span class='reactions-label'>
                                    <data:top.reactionsLabel/>
                                  </span>
                                  &#160;
                                </td>
                                <td>
                                  <iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/>
                                </td>
                              </tr>
                            </table>
                          </span>
                        </b:if>
                      </div>
                      <div class='post-footer-line post-footer-line-3'>
                        <span class='post-location'>
                          <b:if cond='data:top.showLocation'>
                            <b:if cond='data:post.location'>
                              <data:postLocationLabel/>
                              <a expr:href='data:post.location.mapsUrl' target='_blank'>
                                <data:post.location.name/>
                              </a>
                            </b:if>
                          </b:if>
                        </span>
                      </div>
                    </div>
                  </b:if>
                </article>
              </b:includable>
              <b:includable id='postQuickEdit' var='post'>
                <b:if cond='data:post.editUrl'>
                  <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
                    <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
                      <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
                    </a>
                  </span>
                </b:if>
              </b:includable>
              <b:includable id='shareButtons' var='post'>
                <b:if cond='data:top.showEmailButton'>
                  <a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'>
                    <span class='share-button-link-text'>
                      <data:top.emailThisMsg/>
                    </span>
                  </a>
                </b:if>
                <b:if cond='data:top.showBlogThisButton'>
                  <a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'>
                    <span class='share-button-link-text'>
                      <data:top.blogThisMsg/>
                    </span>
                  </a>
                </b:if>
                <b:if cond='data:top.showTwitterButton'>
                  <a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'>
                    <span class='share-button-link-text'>
                      <data:top.shareToTwitterMsg/>
                    </span>
                  </a>
                </b:if>
                <b:if cond='data:top.showFacebookButton'>
                  <a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'>
                    <span class='share-button-link-text'>
                      <data:top.shareToFacebookMsg/>
                    </span>
                  </a>
                </b:if>
                <b:if cond='data:top.showOrkutButton'>
                  <a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'>
                    <span class='share-button-link-text'>
                      <data:top.shareToOrkutMsg/>
                    </span>
                  </a>
                </b:if>
                <b:if cond='data:top.showDummy'>
                  <div class='goog-inline-block dummy-container'>
                    <data:post.dummyTag/>
                  </div>
                </b:if>
              </b:includable>
              <b:includable id='status-message'>
                <b:if cond='data:navMessage'>
                  <div class='status-msg-wrap'>
                    <div class='status-msg-body'>
                      <data:navMessage/>
                    </div>
                    <div class='status-msg-border'>
                      <div class='status-msg-bg'>
                        <div class='status-msg-hidden'>
                          <data:navMessage/>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div style='clear: both;'/>
                </b:if>
              </b:includable>
              <b:includable id='threaded-comment-form' var='post'>
                <div class='comment-form'>
                  <a name='comment-form'/>
                  <b:if cond='data:mobile'>
                    <p/>
                    <data:blogTeamBlogMessage/>
                    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
                    <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
                    <b:else/>
                    <p>
                      <data:blogCommentMessage/>
                    </p>
                    <data:blogTeamBlogMessage/>
                    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
                    <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
                  </b:if>
                  <data:post.friendConnectJs/>
                  <data:post.cmtfpIframe/>
                  <script type='text/javascript'>
                    BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
                  </script>
                </div>
              </b:includable>
              <b:includable id='threaded_comment_js' var='post'>
                <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
                <script type='text/javascript'>
                  (function() {
                    var items = <data:post.commentJso/>;
                    var msgs = <data:post.commentMsgs/>;
                    var config = <data:post.commentConfig/>;
                    // <![CDATA[
                    var cursor = null;
                    if (items && items.length > 0) {
                      cursor = parseInt(items[items.length - 1].timestamp) + 1;
                    }
                    var bodyFromEntry = function(entry) {
                      if (entry.gd$extendedProperty) {
                        for (var k in entry.gd$extendedProperty) {
                          if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
                            return '<span class="deleted-comment">' + entry.content.$t + '</span>';
                          }
                        }
                      }
                      return entry.content.$t;
                    }
                    var parse = function(data) {
                      cursor = null;
                      var comments = [];
                      if (data && data.feed && data.feed.entry) {
                        for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
                          var comment = {
                          };
                          // comment ID, parsed out of the original id format
                          var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
                          comment.id = id ? id[2] : null;
                          comment.body = bodyFromEntry(entry);
                          comment.timestamp = Date.parse(entry.published.$t) + '';
                          if (entry.author && entry.author.constructor === Array) {
                            var auth = entry.author[0];
                            if (auth) {
                              comment.author = {
                                name: (auth.name ? auth.name.$t : undefined),
                                profileUrl: (auth.uri ? auth.uri.$t : undefined),
                                avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
                              };
                            }
                          }
                          if (entry.link) {
                            if (entry.link[2]) {
                              comment.link = comment.permalink = entry.link[2].href;
                            }
                            if (entry.link[3]) {
                              var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
                              if (pid && pid[1]) {
                                comment.parentId = pid[1];
                              }
                            }
                          }
                          comment.deleteclass = 'item-control blog-admin';
                          if (entry.gd$extendedProperty) {
                            for (var k in entry.gd$extendedProperty) {
                              if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
                                comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
                              }
                            }
                          }
                          comments.push(comment);
                        }
                      }
                      return comments;
                    };
                    var paginator = function(callback) {
                      if (hasMore()) {
                        var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
                        if (cursor) {
                          url += '&published-min=' + new Date(cursor).toISOString();
                        }
                        window.bloggercomments = function(data) {
                          var parsed = parse(data);
                          cursor = parsed.length < 50 ? null
                          : parseInt(parsed[parsed.length - 1].timestamp) + 1
                          callback(parsed);
                          window.bloggercomments = null;
                        }
                        url += '&callback=bloggercomments';
                        var script = document.createElement('script');
                        script.type = 'text/javascript';
                        script.src = url;
                        document.getElementsByTagName('head')[0].appendChild(script);
                      }
                    };
                    var hasMore = function() {
                      return !!cursor;
                    };
                    var getMeta = function(key, comment) {
                      if ('iswriter' == key) {
                        var matches = !!comment.author
                        && comment.author.name == config.authorName
                        && comment.author.profileUrl == config.authorUrl;
                        return matches ? 'true' : '';
                      }
                      else if ('deletelink' == key) {
                        return config.baseUri + '/delete-comment.g?blogID='
                        + config.blogId + '&postID=' + comment.id;
                      }
                      else if ('deleteclass' == key) {
                        return comment.deleteclass;
                      }
                      return '';
                    };
                    var replybox = null;
                    var replyUrlParts = null;
                    var replyParent = undefined;
                    var onReply = function(commentId, domId) {
                      if (replybox == null) {
                        // lazily cache replybox, and adjust to suit this style:
                        replybox = document.getElementById('comment-editor');
                        if (replybox != null) {
                          replybox.height = '250px';
                          replybox.style.display = 'block';
                          replyUrlParts = replybox.src.split('#');
                        }
                      }
                      if (replybox && (commentId !== replyParent)) {
                        document.getElementById(domId).insertBefore(replybox, null);
                        replybox.src = replyUrlParts[0]
                        + (commentId ? '&parentID=' + commentId : '')
                        + '#' + replyUrlParts[1];
                        replyParent = commentId;
                      }
                    };
                    var hash = (window.location.hash || '#').substring(1);
                    var startThread, targetComment;
                    if (/^comment-form_/.test(hash)) {
                      startThread = hash.substring('comment-form_'.length);
                    }
                    else if (/^c[0-9]+$/.test(hash)) {
                      targetComment = hash.substring(1);
                    }
                    // Configure commenting API:
                    var configJso = {
                      'maxDepth': config.maxThreadDepth
                    };
                    var provider = {
                      'id': config.postId,
                      'data': items,
                      'loadNext': paginator,
                      'hasMore': hasMore,
                      'getMeta': getMeta,
                      'onReply': onReply,
                      'rendered': true,
                      'initComment': targetComment,
                      'initReplyThread': startThread,
                      'config': configJso,
                      'messages': msgs
                    };
                    var render = function() {
                      if (window.goog && window.goog.comments) {
                        var holder = document.getElementById('comment-holder');
                        window.goog.comments.render(holder, provider);
                      }
                    };
                    // render now, or queue to render when library loads:
                    if (window.goog && window.goog.comments) {
                      render();
                    }
                    else {
                      window.goog = window.goog || {
                      };
                      window.goog.comments = window.goog.comments || {
                      };
                      window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
                      window.goog.comments.loadQueue.push(render);
                    }
                  }
                  )();
                  // ]]>
                </script>
              </b:includable>
              <b:includable id='threaded_comments' var='post'>
                <div class='comments' id='comments'>
                  <a name='comments'/>
                  <h4>
                    <data:post.commentLabelFull/>
                    :
                  </h4>
                  <div class='comments-content'>
                    <b:if cond='data:post.embedCommentForm'>
                      <b:include data='post' name='threaded_comment_js'/>
                    </b:if>
                    <div id='comment-holder'>
                      <data:post.commentHtml/>
                    </div>
                  </div>
                  <p class='comment-footer'>
                    <b:if cond='data:post.allowNewComments'>
                      <b:include data='post' name='threaded-comment-form'/>
                      <b:else/>
                      <data:post.noNewCommentsText/>
                    </b:if>
                  </p>
                  <b:if cond='data:showCmtPopup'>
                    <div id='comment-popup'>
                      <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
                      </iframe>
                    </div>
                  </b:if>
                  <div id='backlinks-container'>
                    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
                      <b:if cond='data:post.showBacklinks'>
                        <b:include data='post' name='backlinks'/>
                      </b:if>
                    </div>
                  </div>
                </div>
              </b:includable>
            </b:widget>
          </b:section>
        </div>
      </div>
      <div id='sidebar-wrapper'>
        <div id='sidebar1coy'>
          <div id='sidebar-dalam'>
            <b:section class='sidebar-column section' id='sidebar' showaddelement='no'>
              <b:widget id='Label1' locked='true' title='Label 1' type='Label'>
                <b:includable id='main'>
                  <b:if cond='data:title'>
                    <h2>
                      <data:title/>
                    </h2>
                  </b:if>
                  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
                    <b:if cond='data:display == &quot;list&quot;'>
                      <ul>
                        <b:loop values='data:labels' var='label'>
                          <li>
                            <b:if cond='data:blog.url == data:label.url'>
                              <span expr:dir='data:blog.languageDirection'>
                                <data:label.name/>
                              </span>
                              <b:else/>
                              <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
                                <data:label.name/>
                              </a>
                            </b:if>
                            <b:if cond='data:showFreqNumbers'>
                              <span dir='ltr'>
                                (
                                <data:label.count/>
                                )
                              </span>
                            </b:if>
                          </li>
                        </b:loop>
                      </ul>
                      <b:else/>
                      <b:loop values='data:labels' var='label'>
                        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
                          <b:if cond='data:blog.url == data:label.url'>
                            <span expr:dir='data:blog.languageDirection'>
                              <data:label.name/>
                            </span>
                            <b:else/>
                            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
                              <data:label.name/>
                            </a>
                          </b:if>
                          <b:if cond='data:showFreqNumbers'>
                            <span class='label-count' dir='ltr'>
                              (
                              <data:label.count/>
                              )
                            </span>
                          </b:if>
                        </span>
                      </b:loop>
                    </b:if>
                    <b:include name='quickedit'/>
                  </div>
                </b:includable>
              </b:widget>
              <b:widget id='PopularPosts1' locked='true' title='Entri Populer' type='PopularPosts'>
                <b:includable id='main'>
                  <b:if cond='data:title'>
                    <h2>
                      <data:title/>
                    </h2>
                  </b:if>
                  <div class='widget-content popular-posts'>
                    <ul>
                      <b:loop values='data:posts' var='post'>
                        <li>
                          <b:if cond='data:showThumbnails == &quot;false&quot;'>
                            <b:if cond='data:showSnippets == &quot;false&quot;'>
                              <!-- (1) No snippet/thumbnail -->
                              <a expr:href='data:post.href'>
                                <data:post.title/>
                              </a>
                              <b:else/>
                              <!-- (2) Show only snippets -->
                              <div class='item-title'>
                                <a expr:href='data:post.href'>
                                  <data:post.title/>
                                </a>
                              </div>
                              <div class='item-snippet'>
                                <data:post.snippet/>
                              </div>
                            </b:if>
                            <b:else/>
                            <b:if cond='data:showSnippets == &quot;false&quot;'>
                              <!-- (3) Show only thumbnails -->
                              <div class='item-thumbnail-only'>
                                <b:if cond='data:post.thumbnail'>
                                  <div class='item-thumbnail'>
                                    <a expr:href='data:post.href' target='_blank'>
                                      <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                                    </a>
                                  </div>
                                </b:if>
                                <div class='item-title'>
                                  <a expr:href='data:post.href'>
                                    <data:post.title/>
                                  </a>
                                </div>
                              </div>
                              <div style='clear: both;'/>
                              <b:else/>
                              <!-- (4) Show snippets and thumbnails -->
                              <div class='item-content'>
                                <b:if cond='data:post.thumbnail'>
                                  <div class='item-thumbnail'>
                                    <a expr:href='data:post.href' target='_blank'>
                                      <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                                    </a>
                                  </div>
                                </b:if>
                                <div class='item-title'>
                                  <a expr:href='data:post.href'>
                                    <data:post.title/>
                                  </a>
                                </div>
                                <div class='item-snippet'>
                                  <data:post.snippet/>
                                </div>
                              </div>
                              <div style='clear: both;'/>
                            </b:if>
                          </b:if>
                        </li>
                      </b:loop>
                    </ul>
                    <b:include name='quickedit'/>
                  </div>
                </b:includable>
              </b:widget>
            </b:section>
            <div id='credit-wrapper'>
              <p>
                Copyright &#169; 2013 
                <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' id='pemilik-situs'>
                  <strong>
                    <data:blog.title/>
                  </strong>
                </a>
              </p>
            </div>
          </div>
        </div>
      </div>
      <div style='clear:both;'/>
    </div>
    <!-- Profil Anda -->
    <div class='sledsanta' id='profil-saya'>
      <script type='text/javascript'>
        /* <![CDATA[ */
        Foto_Profil_Anda ='https://fbcdn-profile-a.akamaihd.net/hprofile-ak-prn1/c0.1.414.414/s160x160/64145_545752032136020_83527186_n.jpg';
        Nama_Profil_Anda ='Santa Mars';
        Kelamin_Usia_Anda ='Laki-laki, 18 tahun';
        Kota_Anda_Tinggal ='Malang, Indonesia';
        Pesan_Anda ='Hai kawan, apakabar ? ';
        Url_Facebook_Anda ='http://www.santa-mars.cc.cc';
        Url_Twitter_Anda ='https://twitter.com/santa_mars';
        Url_Google_Anda ='https://plus.google.com/u/0/109243396730475169552';
        ID_Blogger_Anda ='1690762326897879808';
        //-----gambar Foto_Profil_Anda blog 150x100----------
        /* ]]> */
      </script>
      <script src='https://sites.google.com/site/blogsantamars/css-santa-mars/sled-profil.js'/>
    </div>
    <script src='https://sites.google.com/site/blogsantamars/css-santa-mars/jquery.faceblog.js'/>
    <div id='loadhalaman'>
      <div class='loadball'/>
      <div class='loadball-2'/>
    </div>
    <a href='#topSMcoy' id='gotop'/>
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
      <b:else/>
      <script src='https://sites.google.com/site/blogsantamars/css-santa-mars/emotion-coment4.js' type='text/javascript'/>
      <script type='text/javascript'>
        //<![CDATA[
        var emoRange    = "#comments-area,#custom-comments p, div.emoWrap",
            putEmoAbove = "iframe#comment-editor",
            emoMessage  = "Kasih spaci antar kalimat comment dengan simbol.";
        //]]>
      </script>
    </b:if>
    <noscript>
      <div id='enjs'>
        <p>
          Oooops!! Mohon Aktifkan JavaScript
        </p>
      </div>
    </noscript>
    <b:include data='blog' name='google-analytics'/>
  </body>
</html>